<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>运动-骑行</title>
	</head>
	<body>
		<div class="app-movement">
			<!-- 占位元素 -->
			<section class="hold"></section>
			<div class="content pt10">
				<span class="mlr15">目前累计骑行距离：</span>
				<!-- 骑行距离 -->
				<p class="ptb10 mlr15">
					<span class="cycle-distance">999.99</span>公里
				</p>
				<!-- 内容-地图部分 -->
				<div class="content-map">
					<div id="map1" class="locaMap"></div>
					<!-- go按钮 -->
					<button class="goBtn" type="button">GO</button>
					<div class="setBtns dpflex">
						<!-- 设置按钮 -->
						<span
							class="setBtn iconfont icon-shezhi"
							style="display: block"
						></span>
						<!-- 音乐按钮 -->
						<span class="musicBtn iconfont icon-yinle1"></span>
					</div>
				</div>
				<!-- 路径 -->
				<div class="path ptb20 mlr15">
					<h3 class="mb8">骑行路线</h3>
					<span> 使用骑行路线,邂逅附近的骑行达人 </span>
					<!-- 箭头字体图标 -->
					<span class="arrows iconfont icon-jiantou"></span>
				</div>
			</div>
		</div>
	</body>
</html>
